@charset "UTF-8";
@import "./common.scss";
main {
    .Bannerbox {
        width: 100vw;
        height: 32.86vw;
        background-image: url(../images/app-banner1.jpg);
        background-size: contain;
        background-repeat: no-repeat;

        .desingerbox {
            margin: 0 auto;
            width: 74.38vw;
        }
    }
    .JPdesinger {
        padding-top: 6.61vw;
        p {
            margin: 0 auto;
            width: 11.04vw;
            font-family: FZLTCXHJW--GB1-0;
            font-size: 1.88vw;
            font-weight: bold;
            font-stretch: normal;
            letter-spacing: 0vw;
            color: #000000;
        }
        div {
            margin: 1vw auto;
            width: 6.25vw;
            height: 1.3vw;
            font-family: MicrosoftYaHei;
            font-size: 1.25vw;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0vw;
            color: #000000;
        }
        .JPbox {
            width: 62.4vw;
            height: 28vw;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 2vw auto;
            .JPboxitem {
                width: 20vw;
                height: 27.5vw;
                .JPimg {
                    width: 19.32vw;
                    height: 22.4vw;
                    img {
                        width: 100%;
                        overflow: hidden;
                    }
                }
                p:nth-child(2) {
                    width: 2.5vw;
                    height: 1.25vw;
                    font-family: MicrosoftYaHei;
                    font-size: 1.25vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #000000;
                    text-align: center;
                }
                p:nth-child(3) {
                    margin-top: 0.78vw;
                    width: 10.89vw;
                    height: 0.89vw;
                    font-family: MicrosoftYaHei;
                    font-size: 0.83vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #000000;
                    text-align: center;
                }
            }
        }
        .morebtn {
            width: 132px;
            height: 41px;
            border-radius: 20px;
            border: solid 1px #101010;
            display: table;
            text-align: center;
            span {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                font-family: MicrosoftYaHei;
                font-size: 1.04vw;
                font-weight: normal;
                font-stretch: normal;
                line-height: 1.56vw;
                letter-spacing: 0.03vw;
                color: #0e0e0e;
            }
        }
    }
    .SJdesinger {
        width: 100vw;
        height: 32.81vw;
        margin-top: 4vw;
        background-image: url(../images/SJbj.jpg);
        .SJdebox {
            display: flex;
            width: 56.56vw;
            height: 20.99vw;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 5vw auto;

            .SJdebox-left {
                width: 14.06vw;
                height: 21.09vw;
                img {
                    width: 100%;
                    overflow: hidden;
                }
            }
            .SJdebox-right {
                width: 36.61vw;
                height: 19.22vw;
                .dk {
                    width: 5.47vw;
                    height: 1.5vw;
                    font-family: MicrosoftYaHei;
                    font-size: 1.35vw;
                    font-weight: bold;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #f9f2f2;
                }
                .zj {
                    width: 10vw;
                    height: 1.5vw;
                    font-family: MicrosoftYaHei;
                    font-size: 1.25vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #f9f2f2;
                    margin-top: 2vw;
                }
                .cj {
                    margin-top: 3.5vw;
                    p:nth-child(1) {
                        width: 5vw;
                        height: 1.25vw;
                        font-family: MicrosoftYaHei;
                        font-size: 1.25vw;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0vw;
                        color: #f9f2f2;
                        margin-bottom: 1.15vw;
                    }
                    p:nth-child(2) {
                        width: 27.5vw;
                        height: 2.34vw;
                        font-family: MicrosoftYaHei;
                        font-size: 0.83vw;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0vw;
                        color: #f9f2f2;
                    }
                }
                .ln {
                    margin-top: 2vw;
                    p:nth-child(1) {
                        width: 5vw;
                        height: 1.25vw;
                        font-family: MicrosoftYaHei;
                        font-size: 1.25vw;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0vw;
                        color: #f9f2f2;
                        margin-bottom: 1vw;
                    }
                    p:nth-child(2) {
                        width: 36.61vw;
                        height: 2.34vw;
                        font-family: MicrosoftYaHei;
                        font-size: 0.83vw;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0vw;
                        color: #f9f2f2;
                    }
                }
            }
        }
    }
    .Frservice {
        margin: 7.4vw auto;
        width: 62.3vw;
        height: 28.61vw;
        p:nth-child(1) {
            width: 6.93vw;
            height: 2vw;
            font-family: FZLTCXHJW--GB1-0;
            font-size: 1.88vw;
            font-weight: bold;
            font-stretch: normal;
            letter-spacing: 0vw;
            color: #000000;
            margin: 0 auto;
        }
        p:nth-child(2) {
            width: 8.75vw;
            height: 1.3vw;
            font-family: MicrosoftYaHei;
            font-size: 1.25vw;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0vw;
            color: #000000;
            margin: 1vw auto;
        }
        .freebox {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 62vw;
            height: 22vw;
            margin-top: 3vw;
            .freebox-left {
                width: 24.11vw;
                height: 20.42vw;
                img {
                    width: 100%;
                    overflow: hidden;
                }
            }
            .freebox-middle {
                width: 17.8vw;
                height: 19.05vw;
                margin-top: 1vw;
                .order {
                    width: 17.71vw;
                    height: 3.18vw;
                    background-color: #f66c01;
                    border-radius: 1.59vw;
                    display: table;
                    span {
                        display: table-cell;
                        font-family: MicrosoftYaHei;
                        font-size: 1.25vw;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0vw;
                        color: #fcfaf9;
                        text-align: center;
                        vertical-align: middle;
                    }
                }
                p {
                    width: 9.48vw;
                    height: 1.5vw;
                    font-family: MicrosoftYaHei;
                    font-size: 1.35vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #f66c01;
                    margin-left: 0;
                    margin-bottom: 2vw;
                }
                input:nth-child(2) {
                    width: 17.76vw;
                    height: 2.45vw;
                    border: solid 0.05vw #313131;
                    margin-bottom: 0.83vw;
                }
                input:nth-child(4) {
                    width: 17.76vw;
                    height: 2.45vw;
                    border: solid 0.05vw #a0a0a0;
                    opacity: 0.5;
                    margin-bottom: 0.83vw;
                }
                input:nth-child(6) {
                    width: 17.76vw;
                    height: 4.48vw;
                    border: solid 0.05vw #a0a0a0;
                    opacity: 0.5;
                    margin-bottom: 1.2vw;
                }
            }
            .freebox-right {
                width: 17.76vw;
                height: 20.42vw;
                img {
                    width: 100%;
                    overflow: hidden;
                }
            }
        }
    }
    .case {
        width: 64vw;
        height: 35.1vw;
        margin: 0 auto;
        p:nth-child(1) {
            width: 4.64vw;
            height: 2vw;
            font-family: FZLTCXHJW--GB1-0;
            font-size: 1.87vw;
            font-weight: bold;
            font-stretch: normal;
            letter-spacing: 0vw;
            color: #000000;
            margin: 0 auto;
        }
        p:nth-child(2) {
            width: 5.5vw;
            height: 1.3vw;
            font-family: MicrosoftYaHei;
            font-size: 1.25vw;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0vw;
            color: #000000;
            margin: 0.83vw auto;
        }
        .casebox {
            display: flex;
            width: 63vw;
            height: 18.96vw;
            align-items: center;
            justify-content: space-between;
            margin-top:2.7vw;
            .casebox-item {
                
                .caseimg {
                    width: 19.95vw;
                    height: 14.38vw;
                    img {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                    }
                }
                p:nth-child(2) {
                    width: 10vw;
                    height: 1.5vw;
                    font-family: MicrosoftYaHei;
                    font-size: 1.04vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #000000;
                    margin-left: 0vw;
                    
                   
                }
                p:nth-child(3) {
                    width: 14vw;
                    height: 1vw;
                    font-family: MicrosoftYaHei;
                    font-size: 0.83vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #686666;
                   
                }
            }
        }
    }
}
